$(function () {
    var flag = true;
    var topToo = $('.recom').offset().top;
    $(window).scroll(function () {
        if ($(document).scrollTop() >= topToo) {
            $('.sub-nav').fadeIn();
        }
        else {
            $('.sub-nav').fadeOut();
        }
        if (flag == true) {
            $('.floor .w').each(function (i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $('.sub-nav li').eq(i).addClass('current').siblings().removeClass();

                }
            })
        }

    });
    $('.sub-nav li').click(function () {
        flag = false;
        $(this).addClass('current');
        $(this).siblings('li').removeClass('current');
        var index = $(this).index();
        var sc = $('.box-hd').eq(index).offset().top;
        $('body,html').stop().animate({
            scrollTop: sc
        }, function () {
            flag = true;
        })
    })
})